<!--<apes-header>-->
<!--  <apes-button-list class="buttonList"></apes-button-list>-->
<!--</apes-header>-->

<apes-content class="manual-quotation">

  <div class="countDown-box">
    <div class="countDown-box-icon">
      <i apes-icon apesType="info-circle" [apesTheme]="'fill'"></i>
    </div>
    <div class="countDown-box-text">截止报价时间：</div>
    <div class="countDown-box-time">{{show}}</div>
  </div>


  <apes-card [apesTitle]="titleTemplate">

    <ng-template #titleTemplate>
      <div class="manual-quotation-title">
        <div style="margin-right: 20px">基本信息</div>
        <!--        <div>倒计时-->
        <!--          <span class="manual-quotation-countdown">{{show}}</span>-->
        <!--        </div>-->
        <!--        <div class="manual-quotation-detailed" (click)="showDetailed()">车辆详情</div>-->
      </div>
    </ng-template>
    <div class="apes-state-machine">

      <div apes-col [apesMd]="24">
        <div apes-form-item apes-row class="apes-item" style="padding: 16px;">
          <formly-form [model]="model" [fields]="field" [options]="options" [form]="form"></formly-form>
        </div>
      </div>

    </div>
  </apes-card>
  <apes-card>
    <div class="manual-quotation-inquiryParts">

      <div class="manual-quotation-inquiryParts-content">

        <div apes-row class="inquiryParts-header">
          <div apes-col [apesSpan]="sourceType != 'tyre' ?4:3" class="inquiryParts-col">询价配件</div>
          <div apes-col [apesSpan]="sourceType != 'tyre' ?20 : 21">报价结果</div>
        </div>

        <div apes-row class="inquiryParts-subtitle">
          <div apes-col [apesSpan]="sourceType != 'tyre' ?4:3" class="inquiryParts-col">
            <div apes-row>
              <div apes-col apesSpan="12" class="inquiryParts-subtitle-left">配件描述</div>
              <div apes-col apesSpan="12" class="inquiryParts-subtitle-right">数量</div>
            </div>
          </div>
          <div apes-col [apesSpan]="sourceType != 'tyre' ?20 : 21">

            <!-- 配件 -->
            <ng-container *ngIf="sourceType == 'parts'">
              <div apes-row class="inquiryParts-subtitle-parts-main">
                <div apes-col apesSpan="6" class="inquiryParts-col">
                  <span class="required">* </span>零件号
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>裸价
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>品牌
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">质保期</div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>货源
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">备注</div>
                <div apes-col apesSpan="3" class="inquiryParts-col">图片</div>
                <div apes-col apesSpan="1">操作</div>
              </div>
            </ng-container>

            <!-- 轮胎 -->
            <ng-container *ngIf="sourceType == 'tyre'">
              <div apes-row class="inquiryParts-subtitle-tyre-main">
                <div apes-col apesSpan="2" class="inquiryParts-col">
                  <span class="required">* </span>品牌
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">
                  <span class="required">* </span>花纹
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">
                  <span class="required">* </span>载重指数
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">
                  <span class="required">* </span>速度等级
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">
                  <span class="required">* </span>是否防爆
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">
                  <span class="required">* </span>裸价
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>货源
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">质保期</div>
                <div apes-col apesSpan="2" class="inquiryParts-col">备注</div>
                <div apes-col apesSpan="2" class="inquiryParts-col">图片</div>
                <div apes-col apesSpan="2" class="inquiryParts-col">规格尺寸</div>
                <div apes-col apesSpan="1" class="inquiryParts-col">操作</div>
              </div>
            </ng-container>

            <!-- 带安 -->
            <ng-container *ngIf="sourceType == 'refit'">
              <div apes-row class="inquiryParts-subtitle-tyre-main">
                <div apes-col apesSpan="6" class="inquiryParts-col">
                  <span class="required">* </span>商品信息
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>品牌
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>裸价
                </div>
                <div apes-col apesSpan="3" class="inquiryParts-col">
                  <span class="required">* </span>货源
                </div>
                <div apes-col apesSpan="2" class="inquiryParts-col">质保期</div>
                <div apes-col apesSpan="3" class="inquiryParts-col">备注</div>
                <div apes-col apesSpan="3" class="inquiryParts-col">图片</div>
                <div apes-col apesSpan="1" class="inquiryParts-col">操作</div>
              </div>
            </ng-container>

          </div>
        </div>

        <!-- 配件 -->
        <ng-container *ngIf="sourceType == 'parts'">
          <ng-container *ngFor="let parts of inquiryPartsList">
            <div apes-row class="inquiryParts-content">

              <div apes-col apesSpan="4" style="border-right: 1px solid #ededed;">
                <div apes-row>
                  <div apes-col apesSpan="20" class="inquiryParts-content-left">
                    <div>{{parts.category ? parts.category.name : ''}}</div>
                    <apes-badge *ngIf="parts.epcPicture" [apesCount]="showBadge(parts)" class="content-badge">
                      <div class="content-left-btn"
                           (click)="showPhoto(parts)">
                        <i apes-icon apesType="picture"></i>
                      </div>
                    </apes-badge>
                  </div>
                  <div apes-col apesSpan="4" class="inquiryParts-content-right">X {{parts.qty}}</div>
                </div>
                <div apes-row *ngIf="parts.oe">
                  <div apes-col apesSpan="24" class="inquiryParts-content-left">
                    <span>{{parts.oe}}</span>
                    <span (click)="copyOE(parts.oe)" class="content-left-copy">复制</span>
                  </div>
                </div>
                <div apes-row>
                  <div apes-col apesSpan="24" class="inquiryParts-content-left">备注：{{parts.note}}</div>
                </div>
              </div>

              <div apes-col apesSpan="20">
                <ng-container *ngFor="let list of parts.quoteResult, let i =index">

                  <div apes-row class="inquiryParts-content-list">
                    <div apes-col apesSpan="6" class="content-col">
                      <apes-ng-select [selectData]="list.quoteOE"
                                      [valueFormatter]="'value.OE'"
                                      [downFormatter]="'value.OE + \' \' + value[\'spBrand\'][\'name\']'"
                                      [downRightFormatter]="'value.date'"
                                      [showRight]="true"
                                      [domain]="quoteOEDomain(parts)"
                                      [searchSelectApi]="quoteOEApi"
                                      [dropdownPosition]="'bottom'"
                                      [disabled]="list.systemSign"
                                      (change)="checkData($event,list,'quoteOE')"
                                      (search)="searchData($event,list,'quoteOE')"></apes-ng-select>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <apes-input-group [apesPrefix]="'¥'">
                        <input apes-input type="number" [(ngModel)]="list.notTaxUnitPrice" [disabled]="list.systemSign"
                               (change)="checkPrice(list)">
                      </apes-input-group>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <apes-ng-select #ngSelectRef
                                      [selectData]="list.quoteBrand"
                                      [searchSelectApi]="quoteBrandApi"
                                      [valueFormatter]="'value.name'"
                                      [downFormatter]="'value.name'"
                                      [downRightIconFormatter]="'value.top?`vertical-align-top` : `to-top`'"
                                      [showRight]="true"
                                      [showRightIcon]="true"
                                      [domain]="quoteBranDomain"
                                      [closeOnSelect]="false"
                                      [dropdownPosition]="'bottom'"
                                      [init]="true"
                                      [disabled]="list['systemSign']"
                                      (change)="checkData($event,list,'quoteBrand')"
                                      (iconChange)="checkTop($event,list)"></apes-ng-select>
                    </div>

                    <div apes-col apesSpan="2" class="content-col">
                      <ng-select [items]="warrantyPeriodItem"
                                 bindLabel="name"
                                 bindValue="value"
                                 [searchable]="false"
                                 [(ngModel)]="list.ZBQ"
                                 [disabled]="list.systemSign">
                      </ng-select>
                    </div>

                    <div apes-col apesSpan="3" class="content-col">
                      <ng-select [items]="placeOfDispatchItem"
                                 [searchable]="false"
                                 [ngModel]="list.placeOfDispatch"
                                 [disabled]="list.systemSign"
                                 [closeOnSelect]="false"
                                 (change)="checkPlaceOfDispatch($event,list)">
                        <ng-template ng-label-tmp let-item="item">
                          <span class="ng-value-label" *ngIf="item.value == 0">{{item.name}}-{{place}}发货</span>
                          <span class="ng-value-label" *ngIf="item.value != 0">
                            <ng-container
                              *ngIf="list.placeOfDispatch && list.placeOfDispatch != 0">订货 {{list.placeOfDispatch}}
                              天</ng-container>
                            <ng-container *ngIf="list.placeOfDispatch == 0">现货-{{place}}发货</ng-container>
                          </span>
                        </ng-template>
                        <ng-template ng-option-tmp let-item="item">
                          <div class="ng-option-flex">
                            <span class="ng-value-label" *ngIf="item.value == 0">{{item.name}}</span>
                            <span class="ng-value-label" *ngIf="item.value != 0">
                              {{item.name}}
                              <apes-input-number style="width: 55px"
                                                 [ngModel]="list.placeOfDispatch"
                                                 (ngModelChange)="checkData($event,list,'placeOfDispatch')"
                                                 (keyup)="checkInputNumber($event,list)"
                                                 [apesMin]="1"
                                                 [apesStep]="1"></apes-input-number>
                              天
                            </span>
                          </div>
                        </ng-template>
                      </ng-select>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <!--                  {{list.note}}-->
                      <apes-input-group [apesSuffix]="list.system ? suffixTemplate : null">
                        <input apes-input [(ngModel)]="list.note" [disabled]="list.systemSign">
                      </apes-input-group>
                      <ng-template #suffixTemplate>
                        <apes-tag class="content-list-tag">系统报价</apes-tag>
                      </ng-template>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <!--                  {{list.picture}}-->

                      <apes-upload-images [customStyle]="'small-picture-card'"
                                          [title]="null"
                                          [initData]="list.png"
                                          [disabled]="list.systemSign"
                                          [showRemove]="true"
                                          (change)="checkData($event,list,'png')"
                                          [limit]="4"></apes-upload-images>
                    </div>
                    <div apes-col apesSpan="1" class="content-col">
                      <div class="content-list-btn">
                        <span *ngIf="!list.systemSign" apes-icon apesType="close-circle"
                              (click)="removeParts(parts,i)"></span>
                      </div>
                    </div>
                  </div>

                </ng-container>

                <div apes-row *ngIf="!expired">
                  <div apes-col apesSpan="7"
                       class="inquiryParts-content-btn"
                       (click)="addPartsList(parts)">添加报价
                  </div>
                </div>

              </div>
            </div>
          </ng-container>
        </ng-container>

        <!-- 轮胎 -->
        <ng-container *ngIf="sourceType == 'tyre'">
          <ng-container *ngFor="let parts of inquiryTyreList">
            <div apes-row class="inquiryParts-content">

              <div apes-col apesSpan="3" style="border-right: 1px solid #ededed;">
                <div apes-row>
                  <div apes-col apesSpan="20" class="inquiryParts-content-left">
                    <div>{{parts.category ? parts.category.name : ''}}</div>
                    <apes-badge *ngIf="parts.epcPicture" [apesCount]="showBadge(parts)" class="content-badge">
                      <div class="content-left-btn"
                           (click)="showPhoto(parts)">
                        <i apes-icon apesType="picture"></i>
                      </div>
                    </apes-badge>
                  </div>
                  <div apes-col apesSpan="4" class="inquiryParts-content-right">X {{parts.qty}}</div>
                </div>
                <div apes-row *ngIf="parts.oe">
                  <div apes-col apesSpan="24" class="inquiryParts-content-left">
                    <span>{{parts.oe}}</span>
                    <span (click)="copyOE(parts.oe)" class="content-left-copy">复制</span>
                  </div>
                </div>
                <div apes-row>
                  <div apes-col apesSpan="24" class="inquiryParts-content-left">备注：{{parts.note}}</div>
                </div>
              </div>

              <div apes-col apesSpan="21">
                <ng-container *ngFor="let list of parts.quoteResult, let i =index">

                  <div class="inquiryParts-content-list">
                    <div apes-col apesSpan="2" class="content-col">
                      <apes-ng-select #ngSelectRef
                                      [selectData]="list.quoteBrand"
                                      [searchSelectApi]="quoteTyreBrandApi"
                                      [valueFormatter]="'value.name'"
                                      [downFormatter]="'value.name'"
                                      [domain]="quoteTyreBranDomain"
                                      [dropdownPosition]="'bottom'"
                                      [init]="true"
                                      [disabled]="list['system'] || list['systemSign']"
                                      (change)="checkData($event,list,'quoteBrand')"></apes-ng-select>
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <input apes-input
                             [(ngModel)]="list.figure"
                             (change)="checkTyreData(list,'figure')"
                             [disabled]="list['system'] || list['systemSign']">
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <input apes-input
                             [(ngModel)]="list.loadIndex"
                             (change)="checkTyreData(list,'loadIndex')"
                             [disabled]="list['system'] || list['systemSign']">
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <input apes-input
                             [(ngModel)]="list.speedClass"
                             (change)="checkTyreData(list,'speedClass')"
                             [disabled]="list['system'] || list['systemSign']">
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <ng-select [items]="antiExplosionItem"
                                 bindLabel="name"
                                 bindValue="value"
                                 [searchable]="false"
                                 [(ngModel)]="list.antiExplosion"
                                 (change)="checkTyreData(list,'antiExplosion')"
                                 [disabled]="list['system'] || list['systemSign']">
                      </ng-select>
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <apes-input-group [apesPrefix]="'¥'">
                        <input apes-input type="number"
                               [(ngModel)]="list.notTaxUnitPrice"
                               [disabled]="list.systemSign"
                               (change)="checkPrice(list)">
                      </apes-input-group>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <ng-select [items]="placeOfDispatchItem"
                                 [searchable]="false"
                                 [ngModel]="list.placeOfDispatch"
                                 [closeOnSelect]="false"
                                 [disabled]="list.systemSign"
                                 (change)="checkPlaceOfDispatch($event,list)">
                        <ng-template ng-label-tmp let-item="item">
                          <span class="ng-value-label" *ngIf="item.value == 0">{{item.name}}-{{place}}发货</span>
                          <span class="ng-value-label" *ngIf="item.value != 0">
                            <ng-container *ngIf="list.placeOfDispatch && list.placeOfDispatch != 0">
                              订货 {{list.placeOfDispatch}}天
                            </ng-container>
                            <ng-container *ngIf="list.placeOfDispatch == 0">现货-{{place}}发货</ng-container>
                          </span>
                        </ng-template>
                        <ng-template ng-option-tmp let-item="item">
                          <div class="ng-option-flex">
                            <span class="ng-value-label" *ngIf="item.value == 0">{{item.name}}</span>
                            <span class="ng-value-label" *ngIf="item.value != 0">
                          {{item.name}}
                              <apes-input-number style="width: 55px"
                                                 [ngModel]="list.placeOfDispatch"
                                                 (ngModelChange)="checkData($event,list,'placeOfDispatch')"
                                                 (keyup)="checkInputNumber($event,list)"
                                                 [apesMin]="1"
                                                 [apesStep]="1"></apes-input-number>
                          天
                        </span>
                          </div>
                        </ng-template>
                      </ng-select>
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <ng-select [items]="warrantyPeriodItem"
                                 bindLabel="name"
                                 bindValue="value"
                                 [searchable]="false"
                                 [(ngModel)]="list.ZBQ"
                                 [disabled]="list.systemSign">
                      </ng-select>
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <input apes-input
                             [(ngModel)]="list.note"
                             [disabled]="list.systemSign">
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <apes-upload-images [customStyle]="'small-picture-card'"
                                          [title]="null"
                                          [initData]="list.png"
                                          [showRemove]="true"
                                          (change)="checkData($event,list,'png')"
                                          [disabled]="list.systemSign"
                                          [limit]="4"></apes-upload-images>
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <input apes-input [(ngModel)]="list.specification" disabled>
                    </div>
                    <div apes-col apesSpan="1" class="content-col">
                      <div class="content-list-btn">
                        <span *ngIf="!list.systemSign" apes-icon apesType="close-circle"
                              (click)="removeParts(parts,i)"></span>
                      </div>
                    </div>
                  </div>

                </ng-container>

                <div apes-row *ngIf="!expired">
                  <div apes-col apesSpan="3"
                       class="inquiryParts-content-btn"
                       (click)="addTyreList(parts)">添加报价(自定义)
                  </div>

                  <div apes-col apesSpan="3"
                       class="inquiryParts-content-btn"
                       (click)="addStandardTyreList(parts)">添加报价(标准商品)
                  </div>
                </div>
              </div>
            </div>
          </ng-container>
        </ng-container>

        <!-- 带安 -->
        <ng-container *ngIf="sourceType == 'refit'">
          <ng-container *ngFor="let parts of inquiryRefitList">
            <div apes-row class="inquiryParts-content">

              <div apes-col apesSpan="4" style="border-right: 1px solid #ededed;">
                <div apes-row>
                  <div apes-col apesSpan="20" class="inquiryParts-content-left">
                    <div>{{parts.category ? parts.category.name : ''}}</div>
                    <apes-badge *ngIf="parts.epcPicture" [apesCount]="showBadge(parts)" class="content-badge">
                      <div class="content-left-btn"
                           (click)="showPhoto(parts)">
                        <i apes-icon apesType="picture"></i>
                      </div>
                    </apes-badge>
                  </div>
                  <div apes-col apesSpan="4" class="inquiryParts-content-right">X {{parts.qty}}</div>
                </div>
                <div apes-row *ngIf="parts.oe">
                  <div apes-col apesSpan="24" class="inquiryParts-content-left">
                    <span>{{parts.oe}}</span>
                    <span (click)="copyOE(parts.oe)" class="content-left-copy">复制</span>
                  </div>
                </div>
                <div apes-row>
                  <div apes-col apesSpan="24" class="inquiryParts-content-left">备注：{{parts.note}}</div>
                </div>
              </div>

              <div apes-col apesSpan="20">
                <ng-container *ngFor="let list of parts.quoteResult, let i =index">

                  <div class="inquiryParts-content-list">
                    <div apes-col apesSpan="6" class="content-col">
                      <apes-ng-select #ngSelectRef
                                      [selectData]="list.quoteOE"
                                      [valueFormatter]="'value.name'"
                                      [downFormatter]="'value.name'"
                                      [disabled]="true"
                                      apes-tooltip
                                      [apesTooltipTrigger]="'hover'"
                                      [apesTooltipTitle]="refitItemTemplate"></apes-ng-select>
                      <ng-template #refitItemTemplate>
                        <div>{{list.quoteOE.name}}</div>
                      </ng-template>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <apes-ng-select #ngSelectRef
                                      [selectData]="list.quoteBrand"
                                      [valueFormatter]="'value.name'"
                                      [downFormatter]="'value.name'"
                                      [disabled]="true"></apes-ng-select>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <apes-input-group [apesPrefix]="'¥'">
                        <input apes-input type="number"
                               [(ngModel)]="list.notTaxUnitPrice"
                               [disabled]="list.systemSign"
                               (change)="checkPrice(list)">
                      </apes-input-group>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <ng-select [items]="placeOfDispatchItem"
                                 [searchable]="false"
                                 [ngModel]="list.placeOfDispatch"
                                 [closeOnSelect]="false"
                                 [disabled]="list.systemSign"
                                 (change)="checkPlaceOfDispatch($event,list)">
                        <ng-template ng-label-tmp let-item="item">
                          <span class="ng-value-label" *ngIf="item.value == 0">{{item.name}}-{{place}}发货</span>
                          <span class="ng-value-label" *ngIf="item.value != 0">
                            <ng-container *ngIf="list.placeOfDispatch && list.placeOfDispatch != 0">
                              订货 {{list.placeOfDispatch}}天
                            </ng-container>
                            <ng-container *ngIf="list.placeOfDispatch == 0">现货-{{place}}发货</ng-container>
                          </span>
                        </ng-template>
                        <ng-template ng-option-tmp let-item="item">
                          <div class="ng-option-flex">
                            <span class="ng-value-label" *ngIf="item.value == 0">{{item.name}}</span>
                            <span class="ng-value-label" *ngIf="item.value != 0">
                          {{item.name}}
                              <apes-input-number style="width: 55px"
                                                 [ngModel]="list.placeOfDispatch"
                                                 (ngModelChange)="checkData($event,list,'placeOfDispatch')"
                                                 (keyup)="checkInputNumber($event,list)"
                                                 [apesMin]="1"
                                                 [apesStep]="1"></apes-input-number>
                          天
                        </span>
                          </div>
                        </ng-template>
                      </ng-select>
                    </div>
                    <div apes-col apesSpan="2" class="content-col">
                      <ng-select [items]="warrantyPeriodItem"
                                 bindLabel="name"
                                 bindValue="value"
                                 [searchable]="false"
                                 [(ngModel)]="list.ZBQ"
                                 [disabled]="list.systemSign">
                      </ng-select>
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <input apes-input
                             [(ngModel)]="list.note"
                             [disabled]="list.systemSign">
                    </div>
                    <div apes-col apesSpan="3" class="content-col">
                      <apes-upload-images [customStyle]="'small-picture-card'"
                                          [title]="null"
                                          [initData]="list.png"
                                          [showRemove]="true"
                                          (change)="checkData($event,list,'png')"
                                          [disabled]="list.systemSign"
                                          [limit]="4"></apes-upload-images>
                    </div>
                    <div apes-col apesSpan="1" class="content-col">
                      <div class="content-list-btn">
                        <span *ngIf="!list.systemSign" apes-icon apesType="close-circle"
                              (click)="removeParts(parts,i)"></span>
                      </div>
                    </div>
                  </div>

                </ng-container>

                <div apes-row *ngIf="!expired">
                  <div apes-col apesSpan="3"
                       class="inquiryParts-content-btn"
                       (click)="addRefitList(parts)">添加报价
                  </div>
                </div>
              </div>
            </div>
          </ng-container>
        </ng-container>

        <div apes-row class="inquiryParts-footer">
          <div apes-col apesSpan="24" class="inquiryParts-footer-content">
            <div>总共{{partsTotal}}个需求</div>
            <apes-pagination [(apesPageIndex)]="partsIndex"
                             [apesPageSize]="partsSize"
                             [apesTotal]="partsTotal"
                             (apesPageIndexChange)="changPageIndex($event)"></apes-pagination>
            <div>
              <button apes-button [apesType]="'primary'" (click)="submit()" [disabled]="expired">提交本页</button>
            </div>
          </div>
        </div>

      </div>

    </div>
  </apes-card>
</apes-content>


